<template>
  <div>
    <!-- v-bind指令
      作用: 动态的设置html的标签属性
      语法: v-bind:标签的属性名="变量"
      注意: 
      title='abc'  abc是字符串 (写死的)
      :title='abc  abc是变量(要从data中取值的)
     -->
    <h3>v-bind</h3>
    <!-- <div title="老韩">123</div> -->
    <!-- <div v-bind:title="laohan">123</div>
    <a v-bind:href="link">去百度</a> -->
    <div :title="laohan">123</div>
    <a :href="link">去百度</a>
  </div>
</template>

<script>
export default {
  data() {
    return {
      laohan: '真牛逼,最牛逼,北京最牛逼,宇宙最牛逼 ',
      link: 'http://www.baidu.com'
    }
  }
}
</script>

<style>

</style>